{#{% load staticfiles %}#}
{% load static %}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1 , user-scalable=no">
    <title>图书类型查询</title>
    <link href="{% static 'plugins/bootstrap.css' %}" rel="stylesheet">
    <link href="{% static 'plugins/bootstrap-dashen.css' %}" rel="stylesheet">
    <link href="{% static 'plugins/font-awesome.css' %}" rel="stylesheet">
    <link href="{% static 'plugins/animate.css' %}" rel="stylesheet">
    <link rel="icon" href="https://image.youis.top/00.png" sizes="32x32">
    <link href="{% static 'css/head.css' %}" rel="stylesheet">
    <link href="{% static 'plugins/bootstrap-datetimepicker.min.css' %}" rel="stylesheet" media="screen">
</head>
<body style="margin-top:70px;">
<div class="container">
    {% include 'header.html' %}
    <div class="row">
        <div class="col-md-12 wow fadeInDown" data-wow-duration="0.5s">
            <div>
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li><a href="{% url 'Index:index' %}">首页</a></li>
                    <li role="presentation" class="active"><a href="#bookTypeListPanel"
                                                              aria-controls="bookTypeListPanel" role="tab"
                                                              data-toggle="tab">图书类型列表</a></li>
                    <li role="presentation"><a href="{% url 'BookType:frontAdd' %}">添加图书类型</a></li>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="bookTypeListPanel">
                        <div class="row">
                            <div class="col-md-12 top5">
                                <div class="table-responsive">
                                    <table class="table table-condensed table-hover">
                                        <tr class="success bold">
                                            <td>序号</td>
                                            <td>图书类别</td>
                                            <td>类别名称</td>
                                            <td>可借阅天数</td>
                                            <td>操作1</td>
                                            <td>操作2</td>
                                        </tr>
                                        {% for bookType in bookTypes_page %}
                                            <tr>
                                                <td>{{ startIndex|add:forloop.counter }}</td>
                                                <td>{{ bookType.bookTypeId }}</td>
                                                <td>{{ bookType.bookTypeName }}</td>
                                                <td>{{ bookType.days }}</td>
                                                <td>
                                                    <a href="{% url 'BookType:frontEdit' %}?type_Id={{ bookType.bookTypeId }}&&type_Name={{ bookType.bookTypeName }}&&type_Day={{ bookType.days }}">修改</a>
                                                </td>
                                                <td>
                                                    <a href="{% url 'BookType:frontDelete' %}?type_Id={{ bookType.bookTypeId }}">删除</a>
                                                </td>
                                            </tr>
                                        {% endfor %}
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="{% static 'plugins/jquery.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap.js' %}"></script>
<script src="{% static 'plugins/wow.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap-datetimepicker.min.js' %}"></script>
<script src="{% static 'plugins/locales/bootstrap-datetimepicker.zh-CN.js' %}"></script>
<script type="text/javascript" src="{% static 'js/jsdate.js' %}"></script>
</body>
</html>

